<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>后台首页</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="Author" content="larry" />
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="format-detection" content="telephone=no">
    <link rel="shortcut icon" href="${base}/assets/images/favicon.ico">
    <link rel="stylesheet" type="text/css" href="${base}/assets/css/layui/layui.css" media="all">
    <link rel="stylesheet" type="text/css" href="${base}/larryms/css/admin/base.css" media="all">
    <link rel="stylesheet" type="text/css" href="${base}/larryms/css/admin/console.css" media="all">
</head>

<body class="larry-bg-gray">
<div class="layui-fluid">
    <div class="larry-container">
        <!-- 快捷导航 -->
        <div class="layui-row larry-shortcut layui-col-space15" id="shortcut">
            <div class="layui-col-xs12 layui-col-sm6 layui-col-md4 layui-col-lg2 larry-col  layui-hide-xs">
                <section class="shortcut pos-r larry-ico-rotate">
                    <a larry-tab="iframe" class="pos-r" data-url='admin/list.page' data-icon="larry-paikexitong_yonghuguanli" data-font="larry-icon" data-id="16" data-group="0">
                        <div class="larry-ico larry-bg-purple"><i class="larry-icon larry-paikexitong_yonghuguanli"></i></div>
                        <div class="larry-value">
                            <span class="nums" id="userNums">${userParam.userCount}</span>
                            <cite>用户管理</cite>
                        </div>
                    </a>
                </section>
            </div>
            <div class="layui-col-xs12 layui-col-sm6 layui-col-md4 layui-col-lg2 larry-col">
                <section class="shortcut pos-r larry-ico-rotate">
                    <a larry-tab="iframe" class="pos-r" data-url='msg/index.page' data-icon="larry-message_icon" data-font="larry-icon" data-id="12" data-group="0">
                        <div class="larry-ico larry-bg-orange"><i class="larry-icon larry-message_icon"></i></div>
                        <div class="larry-value">
                            <span class="nums" id="msgNums">${userParam.msgCount}</span>
                            <cite>消息中心</cite>
                        </div>
                    </a>
                </section>
            </div>

            <div class="layui-col-xs12 layui-col-sm6 layui-col-md4 layui-col-lg2 larry-col">
                <section class="shortcut pos-r larry-ico-rotate">
                    <a larry-tab="iframe" class="pos-r" data-url='auth/acl.page'  data-icon="larry-quanxian"
                       data-font="larry-icon" data-id="13" data-group="0">
                        <div class="larry-ico larry-bg-blue"><i class="larry-icon larry-quanxian"></i></div>
                        <div class="larry-value">
                            <cite class="un-nums">权限管理</cite>
                        </div>
                    </a>
                </section>
            </div>

            <div class="layui-col-xs12 layui-col-sm6 layui-col-md4 layui-col-lg2 larry-col">
                <section class="shortcut pos-r larry-ico-rotate">
                    <a larry-tab="iframe" class="pos-r" data-url='setting/icon.page'  data-icon="larry-tubiao"
                       data-font="larry-icon" data-id="13" data-group="0">
                        <div class="larry-ico larry-bg-red"><i class="larry-icon larry-tubiao"></i></div>
                        <div class="larry-value">
                            <cite class="un-nums">系统图标库</cite>
                        </div>
                    </a>
                </section>
            </div>
            <div class="layui-col-xs12 layui-col-sm6 layui-col-md4 layui-col-lg2 larry-col">
                <section class="shortcut pos-r larry-ico-rotate">
                    <a larry-tab="iframe" class="pos-r" data-url='module/extend/about.page'
                       data-icon="larry-chanpinC" data-font="larry-icon" data-id="14" data-group="0">
                        <div class="larry-ico larry-bg-two"><i class="larry-icon larry-chanpinC"></i></div>
                        <div class="larry-value">
                            <cite class="un-nums">关于第三方组件</cite>
                        </div>
                    </a>
                </section>
            </div>
            <div class="layui-col-xs12 layui-col-sm6 layui-col-md4 layui-col-lg2 larry-col layui-hide-xs">
                <section class="shortcut pos-r larry-ico-rotate">
                    <a larry-tab="iframe" class="pos-r" data-url='setting/widgets.page' data-icon="larry-pc"
                       data-font="larry-icon"  data-id="15" data-group="0">
                        <div class="larry-ico larry-bg-green"><i class="larry-icon larry-pc"></i></div>
                        <div class="larry-value">
                            <cite class="un-nums">常用面板窗口集合</cite>
                        </div>
                    </a>
                </section>
            </div>
        </div>

        <!-- 面板 -->
        <div class="layui-row layui-col-space15">
            <!-- 更新检查 -->
            <div class="layui-col-xs12 layui-col-sm12 layui-col-md6 layui-col-lg6">
                <section class="larry-panel top1 layui-hide-xs">
                    <div class="larry-panel-header">
                        <h3 class="larry-panel-title">基本介绍</h3>
                        <i class="larry-icon larry-unfold1 tools"></i>
                    </div>
                    <div class="larry-panel-body">
                        <div class="update">
                            <div class="larryms clearfix">
                                <span class="logo larry-bg-green">阿星影院</span>
                                <div class="larryms-text">
                                    <h3 class="larryms-intoduce">阿星影院方便您得管理</h3>
                                    <ul class="larryms-intoduce-ul">
                                        <li>
                                            作为研发中心新一代后台管理系统，可以帮助影院极大的提高工作效率，节省开发成本，提升品牌形象。
                                        </li>
                                        <li>
                                            您可以进行用户管理、影片管理、场次管理以及订单管理。
                                        </li>
                                        <li>
                                            简洁您的简洁，方便您的方便。
                                        </li>
                                        <li>
                                            阿星影院，欢迎你~~~
                                        </li>
                                    </ul>
                                    <%--<div class="larryms-forums">--%>
                                        <%--<a href="http://www.jsaisino.com/" target="_blank" class="larryms-btn larryms-btn-xs ">返回官网</a>--%>
                                        <%--<a href="http://www.larryms.com/doc.html" target="_blank" class="larryms-btn larryms-btn-xs larryms-btn-normal">开发者文档</a>--%>
                                    <%--</div>--%>
                                </div>
                            </div>
                        </div>
                    </div>
                </section>
            </div>

            <!-- larryMS系统概览 -->
            <div class="layui-col-xs12 layui-col-sm12 layui-col-md6 layui-col-lg6">
                <section class="larry-panel top1">
                    <div class="larry-panel-header">
                        <h3 class="larry-panel-title">版本信息</h3>
                        <i class="larry-icon larry-unfold1 tools"></i>
                    </div>
                    <div class="larry-panel-body">
                        <table class="layui-table larry-table-info">
                            <ul class="larryms-intoduce-ul">
                                <li>
                                    此系统在正式发布前皆为测试版本
                                </li>
                                <li>
                                    如有问题请与开发人员联系
                                </li>
                                <li>

                                </li>
                                <li>

                                </li>
                            </ul>
                            <colgroup>
                                <col width="150">
                                <col>
                            </colgroup>
                            <tbody>
                            <c:if test="${paramList != null}">
                                <c:forEach items="${paramList}" var="child">
                                    <tr>
                                        <td><span class="tit">${child.paramKey}</span></td>
                                        <td><span class="info">${child.paramValue}</span></td>
                                    </tr>
                                </c:forEach>
                            </c:if>
                            </tbody>
                        </table>
                    </div>
                </section>
            </div>
        </div>

        <div class="layui-row layui-col-space15">
            <!-- 网站数据统计 -->
            <div class="layui-col-xs12 layui-col-sm12 layui-col-md7 layui-col-lg7">
                <section class="layui-card">
                    <div class="layui-card-header larryms-count">流量统计
                        <div class="swiper-pagination"></div>
                    </div>
                    <div class="layui-card-body">
                        <div class="swiper-container">
                            <div class="swiper-wrapper">
                                <div class="swiper-slide">
                                    <div class="data-list" id="mounths"></div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="data-list" id="weath"></div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="data-list" id="day"></div>
                                </div>
                            </div>
                        </div>
                    </div>
                </section>
            </div>
            <div class="layui-col-xs12 layui-show-xs layui-hide-sm layui-hide-md layui-hide-lg">
                <section class="layui-card">
                    <div class="layui-card-header larryms-count layui-show-xs">浏览器统计</div>
                    <div class="layui-card-body  layui-show-xs">
                        <table class="layui-table larryms-count-table">
                            <colgroup>
                                <col width="55%">
                                <col>
                            </colgroup>
                            <thead>
                            <tr>
                                <th>浏览器</th>
                                <th>访问量</th>
                            </tr>
                            </thead>
                            <tbody>
                            <tr>
                                <td class="imgs">
                                    <div class="img"><img src="${base}/larryms/images/explorer/chrome.png" alt=""></div>Chrome</td>
                                <td>6,036</td>
                            </tr>
                            <tr>
                                <td class="imgs">
                                    <div class="img"><img src="${base}/larryms/images/explorer/firefox.png" alt=""></div>Firefox</td>
                                <td>3,566</td>
                            </tr>
                            <tr>
                                <td class="imgs">
                                    <div class="img"><img src="${base}/larryms/images/explorer/ie.png" alt=""></div>IE</td>
                                <td>3,001</td>
                            </tr>
                            <tr>
                                <td class="imgs">
                                    <div class="img"><img src="${base}/larryms/images/explorer/360.png" alt=""></div>360</td>
                                <td>1,560</td>
                            </tr>
                            <tr>
                                <td class="imgs">
                                    <div class="img"><img src="${base}/larryms/images/explorer/baidu.png" alt=""></div>百度</td>
                                <td>1,236</td>
                            </tr>
                            <tr>
                                <td class="imgs">
                                    <div class="img"><img src="${base}/larryms/images/explorer/qq.png" alt=""></div>QQ</td>
                                <td>900</td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                </section>
            </div>
            <div class="layui-col-xs12 layui-col-sm12 layui-col-md5 layui-col-lg5">
                <section class="layui-card">
                    <div class="layui-card-header larryms-count layui-hide-xs">浏览器统计</div>
                    <div class="layui-card-header larryms-count layui-hide-sm layui-hide-md layui-hide-lg layui-show-xs">用户访问来源</div>
                    <div class="layui-card-body">
                        <div class="layui-row layui-col-space15">
                            <div class="layui-col-xs12 layui-col-sm6 layui-col-md12 layui-col-lg6 layui-hide-xs">
                                <table class="layui-table larryms-count-table">
                                    <colgroup>
                                        <col width="55%">
                                        <col>
                                    </colgroup>
                                    <thead>
                                    <tr>
                                        <th>浏览器</th>
                                        <th>访问量</th>
                                    </tr>
                                    </thead>
                                    <tbody>
                                    <tr>
                                        <td class="imgs">
                                            <div class="img"><img src="${base}/larryms/images/explorer/chrome.png" alt=""></div>Chrome</td>
                                        <td>10,036</td>
                                    </tr>
                                    <tr>
                                        <td class="imgs">
                                            <div class="img"><img src="${base}/larryms/images/explorer/firefox.png" alt=""></div>Firefox</td>
                                        <td>3,566</td>
                                    </tr>
                                    <tr>
                                        <td class="imgs">
                                            <div class="img"><img src="${base}/larryms/images/explorer/ie.png" alt=""></div>IE</td>
                                        <td>3,001</td>
                                    </tr>
                                    <tr>
                                        <td class="imgs">
                                            <div class="img"><img src="${base}/larryms/images/explorer/360.png" alt=""></div>360</td>
                                        <td>1,560</td>
                                    </tr>
                                    <tr>
                                        <td class="imgs">
                                            <div class="img"><img src="${base}/larryms/images/explorer/baidu.png" alt=""></div>百度</td>
                                        <td>1,236</td>
                                    </tr>
                                    <tr>
                                        <td class="imgs">
                                            <div class="img"><img src="${base}/larryms/images/explorer/qq.png" alt=""></div>QQ</td>
                                        <td>900</td>
                                    </tr>
                                    </tbody>
                                </table>
                            </div>
                            <div class="layui-col-xs12 layui-col-sm6 layui-col-md12 layui-col-lg6">
                                <div class="explorer" id="counts"></div>
                            </div>
                        </div>
                    </div>
                </section>
            </div>
        </div>

        <div class="layui-row layui-col-space15" style="display: none">
            <!-- 网站数据统计 -->
            <div class="layui-col-xs12 layui-col-sm12 layui-col-md12 layui-col-lg12">
                <section class="larry-panel">
                    <div class="larry-panel-header">
                        <h3 class="larry-panel-title">数据概览</h3>
                        <i class="larry-icon larry-unfold1 tools"></i>
                    </div>
                    <div class="larry-panel-body">
                        <div class="count-data" id="larryCount">
                        </div>
                    </div>
                </section>
            </div>
        </div>
    </div>
</div>
<!-- 加载js文件-->
<script type="text/javascript" src="${base}/assets/js/layui/layui.js"></script>
<script type="text/javascript">
    layui.cache.page = 'console';
    layui.config({
        version: "2.0.8",
        layertype: 2,
        base: '${base}/larryms/',
        identified: 'data'
    }).extend({
        larry: 'js/base'
    }).use(['larry', 'swiper', 'element'], function() {
        var swiper = layui.swiper,
            element = layui.element;
        var mySwiper = new swiper('.swiper-container', {
            speed: 1000,
            autoplay: {
                delay: 5000,
            }, //可选选项，自动滑动
            pagination: {
                el: '.swiper-pagination',
                bulletElement: 'li',
                clickable: true,
                effect: 'cube',
                cubeEffect: {
                    slideShadows: true,
                    shadow: true,
                    shadowOffset: 100,
                    shadowScale: 0.6
                }
            },
        });
    });
</script>
</body>

</html>